@charset "utf-8";
/*!
 * Mixins   
 * size  btn-lg default sm  xs
 * color  default primary success info warning danger dark disabled
 * type  Rounded dropdowns icon groups components
 */

@mixin test-button($type: hollow,$fc: 00c267,$bdc: #00c267,$bgc: #00c267,$fs:1.5rem){
	@if $type == solid {
		border: 1.5px solid #{$bdc};
		background-color:#{$bgc};
	}else{
		border:0;
	    background-color:transparent;
	}
    font-size:#{$fs};
	text-align:center;
	background-image: none;
	box-sizing: border-box;
    overflow: visible; 	

    white-space: nowrap;
	@each $prefix in '-webkit-', '-moz-', '-ms-', '' {
		#{$prefix}user-select: none;
	}
    touch-action: manipulation;

}

@mixin round-button($type: hollow,$fc: #00c267,$bdc: #00c267,$bgc: #00c267,$fs:1.5rem){
	@include border-radius();
	@include test-button(#{$type},#{$fc},#{$bdc},#{$bgc},#{$fs});
}
@mixin square-button($type: hollow,$fc: 00c267,$bdc: #00c267,$bgc: #00c267,$fs:1.5rem){
	@include test-button(#{$type},#{$fc},#{$bdc},#{$bgc},#{$fs});
}

@mixin outline-button(){
	background-color:transparent;
}